<template>
  <div style="margin: 80px 20px 20px 15px; padding-left: 236px;">
    <div>

      <!-- 顶部欢迎文字 -->
      <h3
          style="font-size: 15px; font-weight: 300; color: rgb(117, 117, 117); padding-bottom: 15px; display: block;">
        欢迎使用本电商后台管理系统！
      </h3>

      <!-- 第一行-四个框 -->
      <div class="row">
        <!-- 框一 -->
        <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 m-b-15 ">
          <div
              style="color: rgba(0, 0, 0, 0.87); background-color: rgb(255, 255, 255); transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; box-sizing: border-box; font-family: Roboto, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; border-radius: 2px;">
                        <span
                            style="float: left; height: 90px; width: 90px; text-align: center; background-color: rgb(216, 27, 96);"><svg
                            viewBox="0 0 24 24"
                            style="display: inline-block; color: rgba(0, 0, 0, 0.87); fill: rgb(255, 255, 255); height: 48px; width: 48px; user-select: none; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; margin-top: 20px; max-width: 100%;">
                                <path
                                    d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z">
                                </path>
                            </svg></span>
            <div style="padding: 5px 10px; margin-left: 90px; height: 80px;"><span
                style="font-size: 20px; font-weight: 300; color: rgb(66, 66, 66);">总利润</span><span
                style="display: block; font-weight: 500; font-size: 18px; color: rgb(66, 66, 66);">1500k</span>
            </div>
          </div>
        </div>
        <!-- 二 -->
        <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 m-b-15 ">
          <div
              style="color: rgba(0, 0, 0, 0.87); background-color: rgb(255, 255, 255); transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; box-sizing: border-box; font-family: Roboto, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; border-radius: 2px;">
                        <span
                            style="float: left; height: 90px; width: 90px; text-align: center; background-color: rgb(0, 172, 193);"><svg
                            viewBox="0 0 24 24"
                            style="display: inline-block; color: rgba(0, 0, 0, 0.87); fill: rgb(255, 255, 255); height: 48px; width: 48px; user-select: none; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; margin-top: 20px; max-width: 100%;">
                                <path
                                    d="M1 21h4V9H1v12zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-1.91l-.01-.01L23 10z">
                                </path>
                            </svg></span>
            <div style="padding: 5px 10px; margin-left: 90px; height: 80px;"><span
                style="font-size: 20px; font-weight: 300; color: rgb(66, 66, 66);">获赞</span><span
                style="display: block; font-weight: 500; font-size: 18px; color: rgb(66, 66, 66);">4231</span>
            </div>
          </div>
        </div>
        <!-- 三 -->
        <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 m-b-15 ">
          <div
              style="color: rgba(0, 0, 0, 0.87); background-color: rgb(255, 255, 255); transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; box-sizing: border-box; font-family: Roboto, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; border-radius: 2px;">
                        <span
                            style="float: left; height: 90px; width: 90px; text-align: center; background-color: rgb(142, 36, 170);"><svg
                            viewBox="0 0 24 24"
                            style="display: inline-block; color: rgba(0, 0, 0, 0.87); fill: rgb(255, 255, 255); height: 48px; width: 48px; user-select: none; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; margin-top: 20px; max-width: 100%;">
                                <path
                                    d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z">
                                </path>
                            </svg></span>
            <div style="padding: 5px 10px; margin-left: 90px; height: 80px;"><span
                style="font-size: 20px; font-weight: 300; color: rgb(66, 66, 66);">销售量</span><span
                style="display: block; font-weight: 500; font-size: 18px; color: rgb(66, 66, 66);">460</span>
            </div>
          </div>
        </div>
        <!-- 四 -->
        <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 m-b-15 ">
          <div
              style="color: rgba(0, 0, 0, 0.87); background-color: rgb(255, 255, 255); transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; box-sizing: border-box; font-family: Roboto, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; border-radius: 2px;">
                        <span
                            style="float: left; height: 90px; width: 90px; text-align: center; background-color: rgb(251, 140, 0);"><svg
                            viewBox="0 0 24 24"
                            style="display: inline-block; color: rgba(0, 0, 0, 0.87); fill: rgb(255, 255, 255); height: 48px; width: 48px; user-select: none; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; margin-top: 20px; max-width: 100%;">
                                <path
                                    d="M9 11.75c-.69 0-1.25.56-1.25 1.25s.56 1.25 1.25 1.25 1.25-.56 1.25-1.25-.56-1.25-1.25-1.25zm6 0c-.69 0-1.25.56-1.25 1.25s.56 1.25 1.25 1.25 1.25-.56 1.25-1.25-.56-1.25-1.25-1.25zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8 0-.29.02-.58.05-.86 2.36-1.05 4.23-2.98 5.21-5.37C11.07 8.33 14.05 10 17.42 10c.78 0 1.53-.09 2.25-.26.21.71.33 1.47.33 2.26 0 4.41-3.59 8-8 8z">
                                </path>
                            </svg></span>
            <div style="padding: 5px 10px; margin-left: 90px; height: 80px;"><span
                style="font-size: 20px; font-weight: 300; color: rgb(66, 66, 66);">新客户</span><span
                style="display: block; font-weight: 500; font-size: 18px; color: rgb(66, 66, 66);">248</span>
            </div>
          </div>
        </div>
      </div>

      <!-- 中间两个表框 -->
      <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-md m-b-15">
          <div
              style="color: rgba(0, 0, 0, 0.87); background-color: rgb(156, 39, 176); transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; box-sizing: border-box; font-family: Roboto, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; border-radius: 2px; height: 150px;">
            <div
                style="font-size: 24px; font-weight: 300; color: rgb(255, 255, 255); background-color: rgb(142, 36, 170); padding: 10px;">
              新订单
            </div>
            <div style="height: 95px; padding: 5px 15px 0px;">
              <div class="recharts-responsive-container"
                   style="width: 100%; height: 100%; position: relative;">
                <div class="recharts-wrapper"
                     style="position: relative; cursor: default; width: 578.1px; height: 95px;">
                  <svg class="recharts-surface" width="578.1000366210938" height="95"
                       viewBox="0 0 578.1000366210938 95" version="1.1">
                    <g class="recharts-layer recharts-line-graphical">
                      <g>
                        <g>
                          <g class="recharts-layer recharts-line">
                            <path stroke="#8884d8" stroke-width="2" fill="none"
                                  width="568.1000366210938" height="85"
                                  stroke-dasharray="none"
                                  class="recharts-curve recharts-line-curve"
                                  d="M5,69.6C36.56111314561632,73.85849999999999,68.12222629123264,78.117,99.68333943684895,78.117C131.24445258246527,78.117,162.8055657280816,6.700000000000003,194.3666788736979,6.700000000000003C225.92779201931424,6.700000000000003,257.48890516493054,56.782000000000004,289.0500183105469,56.782000000000004C320.6111314561632,56.782000000000004,352.1722446017795,49.2,383.7333577473958,49.2C415.29447089301215,49.2,446.8555840386284,60.335,478.41669718424475,60.335C509.9778103298611,60.335,541.5389234754774,56.8925,573.1000366210938,53.45"
                                  style="stroke-dasharray: 611.364px, 0px; transition: stroke-dasharray 1500ms ease 0s;">
                            </path>
                            <g class="recharts-layer recharts-line-dots">
                              <circle r="3" stroke="#8884d8" stroke-width="2" fill="#fff"
                                      width="568.1000366210938" height="85"
                                      class="recharts-dot recharts-line-dot" cx="5" cy="69.6">
                              </circle>
                              <circle r="3" stroke="#8884d8" stroke-width="2" fill="#fff"
                                      width="568.1000366210938" height="85"
                                      class="recharts-dot recharts-line-dot"
                                      cx="99.68333943684895" cy="78.117"></circle>
                              <circle r="3" stroke="#8884d8" stroke-width="2" fill="#fff"
                                      width="568.1000366210938" height="85"
                                      class="recharts-dot recharts-line-dot"
                                      cx="194.3666788736979" cy="6.700000000000003">
                              </circle>
                              <circle r="3" stroke="#8884d8" stroke-width="2" fill="#fff"
                                      width="568.1000366210938" height="85"
                                      class="recharts-dot recharts-line-dot"
                                      cx="289.0500183105469" cy="56.782000000000004">
                              </circle>
                              <circle r="3" stroke="#8884d8" stroke-width="2" fill="#fff"
                                      width="568.1000366210938" height="85"
                                      class="recharts-dot recharts-line-dot"
                                      cx="383.7333577473958" cy="49.2">
                              </circle>
                              <circle r="3" stroke="#8884d8" stroke-width="2" fill="#fff"
                                      width="568.1000366210938" height="85"
                                      class="recharts-dot recharts-line-dot"
                                      cx="478.41669718424475" cy="60.335"></circle>
                              <circle r="3" stroke="#8884d8" stroke-width="2" fill="#fff"
                                      width="568.1000366210938" height="85"
                                      class="recharts-dot recharts-line-dot"
                                      cx="573.1000366210938" cy="53.45"></circle>
                            </g>
                          </g>
                        </g>
                        <g></g>
                      </g>
                    </g>
                  </svg>
                </div>
                <div class="erd_scroll_detection_container erd_scroll_detection_container_animation_active"
                     style="visibility: hidden; display: inline; width: 0px; height: 0px; z-index: -1; overflow: hidden; margin: 0px; padding: 0px;">
                  <div dir="ltr" class="erd_scroll_detection_container"
                       style="position: absolute; overflow: hidden; z-index: -1; visibility: hidden; width: 100%; height: 100%; left: 0px; top: 0px;">
                    <div class="erd_scroll_detection_container"
                         style="position: absolute; overflow: hidden; z-index: -1; visibility: hidden; inset: -18px -17px -17px -18px;">
                      <div
                          style="position: absolute; overflow: scroll; z-index: -1; visibility: hidden; width: 100%; height: 100%;">
                        <div
                            style="position: absolute; left: 0px; top: 0px; width: 623px; height: 140px;">
                        </div>
                      </div>
                      <div
                          style="position: absolute; overflow: scroll; z-index: -1; visibility: hidden; width: 100%; height: 100%;">
                        <div style="position: absolute; width: 200%; height: 200%;"></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 m-b-15">
          <div
              style="color: rgba(0, 0, 0, 0.87); background-color: rgb(216, 27, 96); transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; box-sizing: border-box; font-family: Roboto, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; border-radius: 2px; height: 150px;">
            <div
                style="font-size: 24px; font-weight: 300; margin-bottom: 20px; color: rgb(255, 255, 255); background-color: rgb(233, 30, 99); padding: 10px;">
              月销售额
            </div>
            <div style="margin-left: auto; margin-right: auto; width: 95%; height: 85px;">
              <div class="recharts-responsive-container"
                   style="width: 100%; height: 100%; position: relative;">
                <div class="recharts-wrapper"
                     style="position: relative; cursor: default; width: 577.688px; height: 85px;">
                  <svg class="recharts-surface" width="577.6875" height="85" viewBox="0 0 577.6875 85"
                       version="1.1">
                    <g class="recharts-layer recharts-x-axis">
                      <g class="recharts-layer recharts-cartesian-axis">
                        <line class="recharts-cartesian-axis-line" stroke="none"
                              width="567.6875" height="30" x="5" y="50" fill="none" x1="5" y1="50"
                              x2="572.6875" y2="50"></line>
                        <g class="recharts-cartesian-axis-ticks">
                          <g class="recharts-cartesian-axis-tick">
                            <line class="recharts-cartesian-axis-tick-line" stroke="none"
                                  width="567.6875" height="30" x="5" y="50" fill="none"
                                  x1="28.653645833333332" y1="56" x2="28.653645833333332"
                                  y2="50"></line>
                            <text dy="15" text-anchor="middle" stroke="none"
                                  width="567.6875" height="30" x="28.653645833333332" y="56"
                                  fill="#ffffff"
                                  class="recharts-cartesian-axis-tick-value">Jan
                            </text>
                          </g>
                          <g class="recharts-cartesian-axis-tick">
                            <line class="recharts-cartesian-axis-tick-line" stroke="none"
                                  width="567.6875" height="30" x="5" y="50" fill="none"
                                  x1="75.9609375" y1="56" x2="75.9609375" y2="50">
                            </line>
                            <text dy="15" text-anchor="middle" stroke="none"
                                  width="567.6875" height="30" x="75.9609375" y="56"
                                  fill="#ffffff"
                                  class="recharts-cartesian-axis-tick-value">Feb
                            </text>
                          </g>
                          <g class="recharts-cartesian-axis-tick">
                            <line class="recharts-cartesian-axis-tick-line" stroke="none"
                                  width="567.6875" height="30" x="5" y="50" fill="none"
                                  x1="123.26822916666666" y1="56" x2="123.26822916666666"
                                  y2="50"></line>
                            <text dy="15" text-anchor="middle" stroke="none"
                                  width="567.6875" height="30" x="123.26822916666666" y="56"
                                  fill="#ffffff"
                                  class="recharts-cartesian-axis-tick-value">Mar
                            </text>
                          </g>
                          <g class="recharts-cartesian-axis-tick">
                            <line class="recharts-cartesian-axis-tick-line" stroke="none"
                                  width="567.6875" height="30" x="5" y="50" fill="none"
                                  x1="170.57552083333334" y1="56" x2="170.57552083333334"
                                  y2="50"></line>
                            <text dy="15" text-anchor="middle" stroke="none"
                                  width="567.6875" height="30" x="170.57552083333334" y="56"
                                  fill="#ffffff"
                                  class="recharts-cartesian-axis-tick-value">Apr
                            </text>
                          </g>
                          <g class="recharts-cartesian-axis-tick">
                            <line class="recharts-cartesian-axis-tick-line" stroke="none"
                                  width="567.6875" height="30" x="5" y="50" fill="none"
                                  x1="217.8828125" y1="56" x2="217.8828125" y2="50"></line>
                            <text dy="15" text-anchor="middle" stroke="none"
                                  width="567.6875" height="30" x="217.8828125" y="56"
                                  fill="#ffffff"
                                  class="recharts-cartesian-axis-tick-value">May
                            </text>
                          </g>
                          <g class="recharts-cartesian-axis-tick">
                            <line class="recharts-cartesian-axis-tick-line" stroke="none"
                                  width="567.6875" height="30" x="5" y="50" fill="none"
                                  x1="265.19010416666663" y1="56" x2="265.19010416666663"
                                  y2="50"></line>
                            <text dy="15" text-anchor="middle" stroke="none"
                                  width="567.6875" height="30" x="265.19010416666663" y="56"
                                  fill="#ffffff"
                                  class="recharts-cartesian-axis-tick-value">Jun
                            </text>
                          </g>
                          <g class="recharts-cartesian-axis-tick">
                            <line class="recharts-cartesian-axis-tick-line" stroke="none"
                                  width="567.6875" height="30" x="5" y="50" fill="none"
                                  x1="312.4973958333333" y1="56" x2="312.4973958333333"
                                  y2="50"></line>
                            <text dy="15" text-anchor="middle" stroke="none"
                                  width="567.6875" height="30" x="312.4973958333333" y="56"
                                  fill="#ffffff"
                                  class="recharts-cartesian-axis-tick-value">Jul
                            </text>
                          </g>
                          <g class="recharts-cartesian-axis-tick">
                            <line class="recharts-cartesian-axis-tick-line" stroke="none"
                                  width="567.6875" height="30" x="5" y="50" fill="none"
                                  x1="359.80468749999994" y1="56" x2="359.80468749999994"
                                  y2="50"></line>
                            <text dy="15" text-anchor="middle" stroke="none"
                                  width="567.6875" height="30" x="359.80468749999994" y="56"
                                  fill="#ffffff"
                                  class="recharts-cartesian-axis-tick-value">Aug
                            </text>
                          </g>
                          <g class="recharts-cartesian-axis-tick">
                            <line class="recharts-cartesian-axis-tick-line" stroke="none"
                                  width="567.6875" height="30" x="5" y="50" fill="none"
                                  x1="407.11197916666663" y1="56" x2="407.11197916666663"
                                  y2="50"></line>
                            <text dy="15" text-anchor="middle" stroke="none"
                                  width="567.6875" height="30" x="407.11197916666663" y="56"
                                  fill="#ffffff"
                                  class="recharts-cartesian-axis-tick-value">Sep
                            </text>
                          </g>
                          <g class="recharts-cartesian-axis-tick">
                            <line class="recharts-cartesian-axis-tick-line" stroke="none"
                                  width="567.6875" height="30" x="5" y="50" fill="none"
                                  x1="454.4192708333333" y1="56" x2="454.4192708333333"
                                  y2="50"></line>
                            <text dy="15" text-anchor="middle" stroke="none"
                                  width="567.6875" height="30" x="454.4192708333333" y="56"
                                  fill="#ffffff"
                                  class="recharts-cartesian-axis-tick-value">Oct
                            </text>
                          </g>
                          <g class="recharts-cartesian-axis-tick">
                            <line class="recharts-cartesian-axis-tick-line" stroke="none"
                                  width="567.6875" height="30" x="5" y="50" fill="none"
                                  x1="501.72656249999994" y1="56" x2="501.72656249999994"
                                  y2="50"></line>
                            <text dy="15" text-anchor="middle" stroke="none"
                                  width="567.6875" height="30" x="501.72656249999994" y="56"
                                  fill="#ffffff"
                                  class="recharts-cartesian-axis-tick-value">Nov
                            </text>
                          </g>
                          <g class="recharts-cartesian-axis-tick">
                            <line class="recharts-cartesian-axis-tick-line" stroke="none"
                                  width="567.6875" height="30" x="5" y="50" fill="none"
                                  x1="549.0338541666666" y1="56" x2="549.0338541666666"
                                  y2="50"></line>
                            <text dy="15" text-anchor="middle" stroke="none"
                                  width="567.6875" height="30" x="549.0338541666666" y="56"
                                  fill="#ffffff"
                                  class="recharts-cartesian-axis-tick-value">Dec
                            </text>
                          </g>
                        </g>
                      </g>
                    </g>
                    <g class="recharts-layer recharts-bar-graphical">
                      <g class="recharts-layer recharts-bar">
                        <g class="recharts-layer recharts-bar-rectangles">
                          <g
                              style="transform-origin: center bottom; transform: scaleY(1); transition: -webkit-transform 1500ms ease 0s;">
                            <path fill="#e91e63" x="9.730729166666666" y="6.184210526315788"
                                  width="37" height="43.81578947368421" stroke="none"
                                  stroke-width="1" stroke-dasharray="none"
                                  class="recharts-rectangle recharts-bar-rectangle"
                                  d="M 9.730729166666666,6.184210526315788 h 37 v 43.81578947368421 h -37 Z">
                            </path>
                          </g>
                          <g
                              style="transform-origin: center bottom; transform: scaleY(1); transition: -webkit-transform 1500ms ease 0s;">
                            <path fill="#e91e63" x="57.038020833333334"
                                  y="14.473684210526315" width="37"
                                  height="35.526315789473685" stroke="none" stroke-width="1"
                                  stroke-dasharray="none"
                                  class="recharts-rectangle recharts-bar-rectangle"
                                  d="M 57.038020833333334,14.473684210526315 h 37 v 35.526315789473685 h -37 Z">
                            </path>
                          </g>
                          <g
                              style="transform-origin: center bottom; transform: scaleY(1); transition: -webkit-transform 1500ms ease 0s;">
                            <path fill="#e91e63" x="104.34531249999999"
                                  y="26.315789473684212" width="37"
                                  height="23.684210526315788" stroke="none" stroke-width="1"
                                  stroke-dasharray="none"
                                  class="recharts-rectangle recharts-bar-rectangle"
                                  d="M 104.34531249999999,26.315789473684212 h 37 v 23.684210526315788 h -37 Z">
                            </path>
                          </g>
                          <g
                              style="transform-origin: center bottom; transform: scaleY(1); transition: -webkit-transform 1500ms ease 0s;">
                            <path fill="#e91e63" x="151.65260416666666"
                                  y="17.078947368421048" width="37" height="32.92105263157895"
                                  stroke="none" stroke-width="1" stroke-dasharray="none"
                                  class="recharts-rectangle recharts-bar-rectangle"
                                  d="M 151.65260416666666,17.078947368421048 h 37 v 32.92105263157895 h -37 Z">
                            </path>
                          </g>
                          <g
                              style="transform-origin: center bottom; transform: scaleY(1); transition: -webkit-transform 1500ms ease 0s;">
                            <path fill="#e91e63" x="198.95989583333332"
                                  y="26.315789473684212" width="37"
                                  height="23.684210526315788" stroke="none" stroke-width="1"
                                  stroke-dasharray="none"
                                  class="recharts-rectangle recharts-bar-rectangle"
                                  d="M 198.95989583333332,26.315789473684212 h 37 v 23.684210526315788 h -37 Z">
                            </path>
                          </g>
                          <g
                              style="transform-origin: center bottom; transform: scaleY(1); transition: -webkit-transform 1500ms ease 0s;">
                            <path fill="#e91e63" x="246.26718749999998"
                                  y="28.68421052631579" width="37" height="21.31578947368421"
                                  stroke="none" stroke-width="1" stroke-dasharray="none"
                                  class="recharts-rectangle recharts-bar-rectangle"
                                  d="M 246.26718749999998,28.68421052631579 h 37 v 21.31578947368421 h -37 Z">
                            </path>
                          </g>
                          <g
                              style="transform-origin: center bottom; transform: scaleY(1); transition: -webkit-transform 1500ms ease 0s;">
                            <path fill="#e91e63" x="293.57447916666666"
                                  y="19.210526315789473" width="37"
                                  height="30.789473684210527" stroke="none" stroke-width="1"
                                  stroke-dasharray="none"
                                  class="recharts-rectangle recharts-bar-rectangle"
                                  d="M 293.57447916666666,19.210526315789473 h 37 v 30.789473684210527 h -37 Z">
                            </path>
                          </g>
                          <g
                              style="transform-origin: center bottom; transform: scaleY(1); transition: -webkit-transform 1500ms ease 0s;">
                            <path fill="#e91e63" x="340.8817708333333"
                                  y="15.657894736842103" width="37" height="34.3421052631579"
                                  stroke="none" stroke-width="1" stroke-dasharray="none"
                                  class="recharts-rectangle recharts-bar-rectangle"
                                  d="M 340.8817708333333,15.657894736842103 h 37 v 34.3421052631579 h -37 Z">
                            </path>
                          </g>
                          <g
                              style="transform-origin: center bottom; transform: scaleY(1); transition: -webkit-transform 1500ms ease 0s;">
                            <path fill="#e91e63" x="388.1890625" y="8.55263157894737"
                                  width="37" height="41.44736842105263" stroke="none"
                                  stroke-width="1" stroke-dasharray="none"
                                  class="recharts-rectangle recharts-bar-rectangle"
                                  d="M 388.1890625,8.55263157894737 h 37 v 41.44736842105263 h -37 Z">
                            </path>
                          </g>
                          <g
                              style="transform-origin: center bottom; transform: scaleY(1); transition: -webkit-transform 1500ms ease 0s;">
                            <path fill="#e91e63" x="435.49635416666666"
                                  y="14.473684210526315" width="37"
                                  height="35.526315789473685" stroke="none" stroke-width="1"
                                  stroke-dasharray="none"
                                  class="recharts-rectangle recharts-bar-rectangle"
                                  d="M 435.49635416666666,14.473684210526315 h 37 v 35.526315789473685 h -37 Z">
                            </path>
                          </g>
                          <g
                              style="transform-origin: center bottom; transform: scaleY(1); transition: -webkit-transform 1500ms ease 0s;">
                            <path fill="#e91e63" x="482.8036458333333"
                                  y="21.578947368421055" width="37"
                                  height="28.421052631578945" stroke="none" stroke-width="1"
                                  stroke-dasharray="none"
                                  class="recharts-rectangle recharts-bar-rectangle"
                                  d="M 482.8036458333333,21.578947368421055 h 37 v 28.421052631578945 h -37 Z">
                            </path>
                          </g>
                          <g
                              style="transform-origin: center bottom; transform: scaleY(1); transition: -webkit-transform 1500ms ease 0s;">
                            <path fill="#e91e63" x="530.1109375" y="17.078947368421048"
                                  width="37" height="32.92105263157895" stroke="none"
                                  stroke-width="1" stroke-dasharray="none"
                                  class="recharts-rectangle recharts-bar-rectangle"
                                  d="M 530.1109375,17.078947368421048 h 37 v 32.92105263157895 h -37 Z">
                            </path>
                          </g>
                        </g>
                      </g>
                    </g>
                  </svg>
                </div>
                <div class="erd_scroll_detection_container erd_scroll_detection_container_animation_active"
                     style="visibility: hidden; display: inline; width: 0px; height: 0px; z-index: -1; overflow: hidden; margin: 0px; padding: 0px;">
                  <div dir="ltr" class="erd_scroll_detection_container"
                       style="position: absolute; overflow: hidden; z-index: -1; visibility: hidden; width: 100%; height: 100%; left: 0px; top: 0px;">
                    <div class="erd_scroll_detection_container"
                         style="position: absolute; overflow: hidden; z-index: -1; visibility: hidden; inset: -18px -17px -17px -18px;">
                      <div
                          style="position: absolute; overflow: scroll; z-index: -1; visibility: hidden; width: 100%; height: 100%;">
                        <div
                            style="position: absolute; left: 0px; top: 0px; width: 623px; height: 130px;">
                        </div>
                      </div>
                      <div
                          style="position: absolute; overflow: scroll; z-index: -1; visibility: hidden; width: 100%; height: 100%;">
                        <div style="position: absolute; width: 200%; height: 200%;"></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 下面两个大表框 -->
      <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 m-b-15 ">
          <div
              style="color: rgba(0, 0, 0, 0.87); background-color: rgb(255, 255, 255); transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; box-sizing: border-box; font-family: Roboto, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; border-radius: 2px;">
            <div style="padding: 0px 0px 8px;">
              <div
                  style="box-sizing: border-box; color: rgb(255, 255, 255); font-size: 24px; font-weight: 300; line-height: 48px; padding-left: 16px; width: 100%; background-color: rgb(0, 172, 193);">
                最近卖出
              </div>
              <div>
                <div><span tabindex="0" type="button"
                           style="border: 10px; box-sizing: border-box; display: block; font-family: Roboto, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; text-decoration: none; margin: 0px; padding: 0px; outline: none; font-size: 16px; font-weight: inherit; transform: translate(0px, 0px); color: rgba(0, 0, 0, 0.87); line-height: 16px; position: relative; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; background: none;">
                                        <div>
                                            <div
                                                style="margin-left: 0px; padding: 20px 56px 16px 72px; position: relative;">
                                                <div size="40"
                                                     style="color: rgb(255, 255, 255); background-color: rgb(188, 188, 188); user-select: none; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; border-radius: 50%; height: 40px; width: 40px; position: absolute; top: 16px; left: 16px;">
                                                    <svg viewBox="0 0 24 24"
                                                         style="display: inline-block; color: rgb(255, 255, 255); fill: rgb(255, 255, 255); height: 24px; width: 24px; user-select: none; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; font-size: 24px; margin: 8px;">
                                                        <path
                                                            d="M4 4h7V2H4c-1.1 0-2 .9-2 2v7h2V4zm6 9l-4 5h12l-3-4-2.03 2.71L10 13zm7-4.5c0-.83-.67-1.5-1.5-1.5S14 7.67 14 8.5s.67 1.5 1.5 1.5S17 9.33 17 8.5zM20 2h-7v2h7v7h2V4c0-1.1-.9-2-2-2zm0 18h-7v2h7c1.1 0 2-.9 2-2v-7h-2v7zM4 13H2v7c0 1.1.9 2 2 2h7v-2H4v-7z">
                                                        </path>
                                                    </svg>
                                                </div>
                                                <div style="display: block; position: absolute; top: 12px; right: 4px;">
                                                    <button tabindex="0" type="button"
                                                            style="border: 10px; box-sizing: border-box; display: inline-block; font-family: Roboto, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; text-decoration: none; margin: 0px; padding: 12px; outline: none; font-size: 0px; font-weight: inherit; transform: translate(0px, 0px); position: relative; overflow: visible; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; width: 48px; height: 48px; background: none;">
                                                        <div><svg viewBox="0 0 24 24"
                                                                  style="display: inline-block; color: rgba(0, 0, 0, 0.87); fill: rgb(189, 189, 189); height: 24px; width: 24px; user-select: none; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;">
                                                                <path
                                                                    d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z">
                                                                </path>
                                                            </svg></div>
                                                    </button>
                                                    <div style="display: none;">
                                                        <!-- react-empty: 1878 -->
                                                      <!-- react-empty: 1879 -->
                                                    </div>
                                                </div>
                                                <div>华为智慧屏</div>
                                                <div
                                                    style="font-size: 14px; line-height: 16px; height: 16px; margin: 4px 0px 0px; color: rgba(0, 0, 0, 0.54); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
                                                  鸿鹄SuperMiniLED，精密矩阵背光 20单元帝瓦雷影院声场，3D立体环绕
                                                </div>
                                            </div>
                                        </div>
                                    </span></div>
                <hr
                    style="margin: -1px 0px 0px 72px; height: 1px; border: none; background-color: rgb(224, 224, 224);">
              </div>
              <div>
                <div><span tabindex="0" type="button"
                           style="border: 10px; box-sizing: border-box; display: block; font-family: Roboto, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; text-decoration: none; margin: 0px; padding: 0px; outline: none; font-size: 16px; font-weight: inherit; transform: translate(0px, 0px); color: rgba(0, 0, 0, 0.87); line-height: 16px; position: relative; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; background: none;">
                                        <div>
                                            <div
                                                style="margin-left: 0px; padding: 20px 56px 16px 72px; position: relative;">
                                                <div size="40"
                                                     style="color: rgb(255, 255, 255); background-color: rgb(188, 188, 188); user-select: none; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; border-radius: 50%; height: 40px; width: 40px; position: absolute; top: 16px; left: 16px;">
                                                    <svg viewBox="0 0 24 24"
                                                         style="display: inline-block; color: rgb(255, 255, 255); fill: rgb(255, 255, 255); height: 24px; width: 24px; user-select: none; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; font-size: 24px; margin: 8px;">
                                                        <path
                                                            d="M4 4h7V2H4c-1.1 0-2 .9-2 2v7h2V4zm6 9l-4 5h12l-3-4-2.03 2.71L10 13zm7-4.5c0-.83-.67-1.5-1.5-1.5S14 7.67 14 8.5s.67 1.5 1.5 1.5S17 9.33 17 8.5zM20 2h-7v2h7v7h2V4c0-1.1-.9-2-2-2zm0 18h-7v2h7c1.1 0 2-.9 2-2v-7h-2v7zM4 13H2v7c0 1.1.9 2 2 2h7v-2H4v-7z">
                                                        </path>
                                                    </svg>
                                                </div>
                                                <div style="display: block; position: absolute; top: 12px; right: 4px;">
                                                    <button tabindex="0" type="button"
                                                            style="border: 10px; box-sizing: border-box; display: inline-block; font-family: Roboto, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; text-decoration: none; margin: 0px; padding: 12px; outline: none; font-size: 0px; font-weight: inherit; transform: translate(0px, 0px); position: relative; overflow: visible; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; width: 48px; height: 48px; background: none;">
                                                        <div><svg viewBox="0 0 24 24"
                                                                  style="display: inline-block; color: rgba(0, 0, 0, 0.87); fill: rgb(189, 189, 189); height: 24px; width: 24px; user-select: none; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;">
                                                                <path
                                                                    d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z">
                                                                </path>
                                                            </svg></div>
                                                    </button>
                                                    <div style="display: none;">
                                                        <!-- react-empty: 1897 -->
                                                      <!-- react-empty: 1898 -->
                                                    </div>
                                                </div>
                                                <div>巨省电 | 米家空调</div>
                                                <div
                                                    style="font-size: 14px; line-height: 16px; height: 16px; margin: 4px 0px 0px; color: rgba(0, 0, 0, 0.54); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
                                                    温湿双控 ，18分贝静音 ，防直吹，空调热卖中...</div>
                                            </div>
                                        </div>
                                    </span></div>
                <hr
                    style="margin: -1px 0px 0px 72px; height: 1px; border: none; background-color: rgb(224, 224, 224);">
              </div>
              <div>
                <div><span tabindex="0" type="button"
                           style="border: 10px; box-sizing: border-box; display: block; font-family: Roboto, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; text-decoration: none; margin: 0px; padding: 0px; outline: none; font-size: 16px; font-weight: inherit; transform: translate(0px, 0px); color: rgba(0, 0, 0, 0.87); line-height: 16px; position: relative; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; background: none;">
                                        <div>
                                            <div
                                                style="margin-left: 0px; padding: 20px 56px 16px 72px; position: relative;">
                                                <div size="40"
                                                     style="color: rgb(255, 255, 255); background-color: rgb(188, 188, 188); user-select: none; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; border-radius: 50%; height: 40px; width: 40px; position: absolute; top: 16px; left: 16px;">
                                                    <svg viewBox="0 0 24 24"
                                                         style="display: inline-block; color: rgb(255, 255, 255); fill: rgb(255, 255, 255); height: 24px; width: 24px; user-select: none; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; font-size: 24px; margin: 8px;">
                                                        <path
                                                            d="M4 4h7V2H4c-1.1 0-2 .9-2 2v7h2V4zm6 9l-4 5h12l-3-4-2.03 2.71L10 13zm7-4.5c0-.83-.67-1.5-1.5-1.5S14 7.67 14 8.5s.67 1.5 1.5 1.5S17 9.33 17 8.5zM20 2h-7v2h7v7h2V4c0-1.1-.9-2-2-2zm0 18h-7v2h7c1.1 0 2-.9 2-2v-7h-2v7zM4 13H2v7c0 1.1.9 2 2 2h7v-2H4v-7z">
                                                        </path>
                                                    </svg>
                                                </div>
                                                <div style="display: block; position: absolute; top: 12px; right: 4px;">
                                                    <button tabindex="0" type="button"
                                                            style="border: 10px; box-sizing: border-box; display: inline-block; font-family: Roboto, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; text-decoration: none; margin: 0px; padding: 12px; outline: none; font-size: 0px; font-weight: inherit; transform: translate(0px, 0px); position: relative; overflow: visible; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; width: 48px; height: 48px; background: none;">
                                                        <div><svg viewBox="0 0 24 24"
                                                                  style="display: inline-block; color: rgba(0, 0, 0, 0.87); fill: rgb(189, 189, 189); height: 24px; width: 24px; user-select: none; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;">
                                                                <path
                                                                    d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z">
                                                                </path>
                                                            </svg></div>
                                                    </button>
                                                    <div style="display: none;">
                                                        <!-- react-empty: 1916 -->
                                                      <!-- react-empty: 1917 -->
                                                    </div>
                                                </div>
                                                <div>HUAWEI Mate X2 5G 全网通 12GB+512GB（亮黑色）典藏版</div>
                                                <div
                                                    style="font-size: 14px; line-height: 16px; height: 16px; margin: 4px 0px 0px; color: rgba(0, 0, 0, 0.54); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
                                                    【价保618】①享最高24期免息 ②整点下单限量赠华为手环4 | 更多甄选手机最高优惠500>></div>
                                            </div>
                                        </div>
                                    </span></div>
                <hr
                    style="margin: -1px 0px 0px 72px; height: 1px; border: none; background-color: rgb(224, 224, 224);">
              </div>
              <div>
                <div><span tabindex="0" type="button"
                           style="border: 10px; box-sizing: border-box; display: block; font-family: Roboto, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; text-decoration: none; margin: 0px; padding: 0px; outline: none; font-size: 16px; font-weight: inherit; transform: translate(0px, 0px); color: rgba(0, 0, 0, 0.87); line-height: 16px; position: relative; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; background: none;">
                                        <div>
                                            <div
                                                style="margin-left: 0px; padding: 20px 56px 16px 72px; position: relative;">
                                                <div size="40"
                                                     style="color: rgb(255, 255, 255); background-color: rgb(188, 188, 188); user-select: none; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; border-radius: 50%; height: 40px; width: 40px; position: absolute; top: 16px; left: 16px;">
                                                    <svg viewBox="0 0 24 24"
                                                         style="display: inline-block; color: rgb(255, 255, 255); fill: rgb(255, 255, 255); height: 24px; width: 24px; user-select: none; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; font-size: 24px; margin: 8px;">
                                                        <path
                                                            d="M4 4h7V2H4c-1.1 0-2 .9-2 2v7h2V4zm6 9l-4 5h12l-3-4-2.03 2.71L10 13zm7-4.5c0-.83-.67-1.5-1.5-1.5S14 7.67 14 8.5s.67 1.5 1.5 1.5S17 9.33 17 8.5zM20 2h-7v2h7v7h2V4c0-1.1-.9-2-2-2zm0 18h-7v2h7c1.1 0 2-.9 2-2v-7h-2v7zM4 13H2v7c0 1.1.9 2 2 2h7v-2H4v-7z">
                                                        </path>
                                                    </svg>
                                                </div>
                                                <div style="display: block; position: absolute; top: 12px; right: 4px;">
                                                    <button tabindex="0" type="button"
                                                            style="border: 10px; box-sizing: border-box; display: inline-block; font-family: Roboto, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; text-decoration: none; margin: 0px; padding: 12px; outline: none; font-size: 0px; font-weight: inherit; transform: translate(0px, 0px); position: relative; overflow: visible; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; width: 48px; height: 48px; background: none;">
                                                        <div><svg viewBox="0 0 24 24"
                                                                  style="display: inline-block; color: rgba(0, 0, 0, 0.87); fill: rgb(189, 189, 189); height: 24px; width: 24px; user-select: none; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;">
                                                                <path
                                                                    d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z">
                                                                </path>
                                                            </svg></div>
                                                    </button>
                                                    <div style="display: none;">
                                                        <!-- react-empty: 1935 -->
                                                      <!-- react-empty: 1936 -->
                                                    </div>
                                                </div>
                                                <div>联想智能摄像机C33 室内款</div>
                                                <div
                                                    style="font-size: 14px; line-height: 16px; height: 16px; margin: 4px 0px 0px; color: rgba(0, 0, 0, 0.54); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
                                                    2K超清 双向通话 360°空间全景视角 5G双频 移动侦测报警提醒</div>
                                            </div>
                                        </div>
                                    </span></div>
                <hr
                    style="margin: -1px 0px 0px 72px; height: 1px; border: none; background-color: rgb(224, 224, 224);">
              </div>
            </div>
          </div>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 m-b-15 ">
          <div
              style="color: rgba(0, 0, 0, 0.87); background-color: rgb(255, 255, 255); transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; box-sizing: border-box; font-family: Roboto, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; border-radius: 2px; min-height: 344px; padding: 10px;">
            <span style="font-size: 24px; font-weight: 300; margin-bottom: 20px;">各品类销售占比</span>
            <div style="clear: both;"></div>
            <div class="row">
              <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
                <div style="height: 290px; text-align: center;">
                  <div class="recharts-responsive-container"
                       style="width: 100%; height: 100%; position: relative;">
                    <div class="recharts-wrapper"
                         style="position: relative; cursor: default; width: 381.4px; height: 290px;">
                      <svg class="recharts-surface" width="381.3999938964844" height="290"
                           viewBox="0 0 381.3999938964844 290" version="1.1">
                        <g class="recharts-layer recharts-pie">
                          <defs>
                            <clippath id="clipPath1654433026213">
                              <path class="recharts-sector" d="M 430.26520484801125,145
            A 239.56520789976906,239.56520789976906,0,
            1,0,
            430.2652048115234,145.00418120165085
            L 190.6999969482422,145 Z"></path>
                            </clippath>
                          </defs>
                          <g clip-path="url(#clipPath1654433026213)">
                            <g class="recharts-layer recharts-pie-sector">
                              <path fill="#00acc1" stroke="#fff" color="#00acc1"
                                    class="recharts-sector" d="M 73.57404412092767,201.4048860852825
            A 130,130,0,
            1,1,
            320.6999969482422,145
            L 270.6999969482422,145
            A 80,80,0,
            1,0,
            118.62248751604864,179.71069912940462 Z"></path>
                            </g>
                            <g class="recharts-layer recharts-pie-sector">
                              <path fill="#d81b60" stroke="#fff" color="#d81b60"
                                    class="recharts-sector" d="M 219.62771836256303,271.7406285836371
            A 130,130,0,
            0,1,
            73.57404412092767,201.4048860852825
            L 118.62248751604864,179.71069912940462
            A 80,80,0,
            0,0,
            208.50167166474733,222.9942329745459 Z"></path>
                            </g>
                            <g class="recharts-layer recharts-pie-sector">
                              <path fill="#8e24aa" stroke="#fff" color="#8e24aa"
                                    class="recharts-sector" d="M 320.6999969482422,145.00000000000003
            A 130,130,0,
            0,1,
            219.62771836256303,271.7406285836371
            L 208.50167166474733,222.9942329745459
            A 80,80,0,
            0,0,
            270.6999969482422,145.00000000000003 Z"></path>
                            </g>
                          </g>
                        </g>
                      </svg>
                    </div>
                    <div class="erd_scroll_detection_container erd_scroll_detection_container_animation_active"
                         style="visibility: hidden; display: inline; width: 0px; height: 0px; z-index: -1; overflow: hidden; margin: 0px; padding: 0px;">
                      <div dir="ltr" class="erd_scroll_detection_container"
                           style="position: absolute; overflow: hidden; z-index: -1; visibility: hidden; width: 100%; height: 100%; left: 0px; top: 0px;">
                        <div class="erd_scroll_detection_container"
                             style="position: absolute; overflow: hidden; z-index: -1; visibility: hidden; inset: -18px -17px -17px -18px;">
                          <div
                              style="position: absolute; overflow: scroll; z-index: -1; visibility: hidden; width: 100%; height: 100%;">
                            <div
                                style="position: absolute; left: 0px; top: 0px; width: 426px; height: 335px;">
                            </div>
                          </div>
                          <div
                              style="position: absolute; overflow: scroll; z-index: -1; visibility: hidden; width: 100%; height: 100%;">
                            <div style="position: absolute; width: 200%; height: 200%;">
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                <div style="padding-top: 20px;">
                  <div style="padding-top: 20px;">
                    <div style="padding: 8px 0px;">
                      <div><span tabindex="0" type="button"
                                 style="border: 10px; box-sizing: border-box; display: block; font-family: Roboto, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; text-decoration: none; margin: 0px; padding: 0px; outline: none; font-size: 16px; font-weight: inherit; transform: translate(0px, 0px); color: rgba(0, 0, 0, 0.87); line-height: 16px; position: relative; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; background: none;">
                                                    <div>
                                                        <div
                                                            style="margin-left: 0px; padding: 20px 16px 20px 72px; position: relative;">
                                                            <!-- react-text: 1957 -->电脑数码
                                                          <!-- /react-text -->
                                                            <div size="40"
                                                                 style="color: rgb(255, 255, 255); background-color: rgb(0, 172, 193); user-select: none; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; border-radius: 50%; height: 40px; width: 40px; position: absolute; top: 8px; left: 16px;">
                                                                <svg viewBox="0 0 24 24"
                                                                     style="display: inline-block; color: rgb(255, 255, 255); fill: rgb(255, 255, 255); height: 24px; width: 24px; user-select: none; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; font-size: 24px; margin: 8px;">
                                                                    <path
                                                                        d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z">
                                                                    </path>
                                                                </svg>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </span></div>
                      <div><span tabindex="0" type="button"
                                 style="border: 10px; box-sizing: border-box; display: block; font-family: Roboto, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; text-decoration: none; margin: 0px; padding: 0px; outline: none; font-size: 16px; font-weight: inherit; transform: translate(0px, 0px); color: rgba(0, 0, 0, 0.87); line-height: 16px; position: relative; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; background: none;">
                                                    <div>
                                                        <div
                                                            style="margin-left: 0px; padding: 20px 16px 20px 72px; position: relative;">
                                                            <!-- react-text: 1965 -->智能家电
                                                          <!-- /react-text -->
                                                            <div size="40"
                                                                 style="color: rgb(255, 255, 255); background-color: rgb(216, 27, 96); user-select: none; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; border-radius: 50%; height: 40px; width: 40px; position: absolute; top: 8px; left: 16px;">
                                                                <svg viewBox="0 0 24 24"
                                                                     style="display: inline-block; color: rgb(255, 255, 255); fill: rgb(255, 255, 255); height: 24px; width: 24px; user-select: none; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; font-size: 24px; margin: 8px;">
                                                                    <path
                                                                        d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z">
                                                                    </path>
                                                                </svg>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </span></div>
                      <div><span tabindex="0" type="button"
                                 style="border: 10px; box-sizing: border-box; display: block; font-family: Roboto, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; text-decoration: none; margin: 0px; padding: 0px; outline: none; font-size: 16px; font-weight: inherit; transform: translate(0px, 0px); color: rgba(0, 0, 0, 0.87); line-height: 16px; position: relative; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; background: none;">
                                                    <div>
                                                        <div
                                                            style="margin-left: 0px; padding: 20px 16px 20px 72px; position: relative;">
                                                            <!-- react-text: 1973 -->移动通讯
                                                          <!-- /react-text -->
                                                            <div size="40"
                                                                 style="color: rgb(255, 255, 255); background-color: rgb(142, 36, 170); user-select: none; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; border-radius: 50%; height: 40px; width: 40px; position: absolute; top: 8px; left: 16px;">
                                                                <svg viewBox="0 0 24 24"
                                                                     style="display: inline-block; color: rgb(255, 255, 255); fill: rgb(255, 255, 255); height: 24px; width: 24px; user-select: none; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; font-size: 24px; margin: 8px;">
                                                                    <path
                                                                        d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z">
                                                                    </path>
                                                                </svg>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </span></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>

</script>

<style>
</style>